.odoc-workflow-transfer {
  padding: 10px;

  .direction-top {
    height: 280px;

    .title {
      padding-bottom: 10px;
      line-height: 30px;

      .top-buttons {
        float: right;

        .ant-btn {
          margin-left: 10px;
        }
      }
    }

    .direction-table {
      padding: 0;
      height: 224px;

      /*border: 1px solid #e9e9e9;*/

      .wea-new-table .ant-table-tbody > tr > td {
        padding-top: 3px;
        padding-bottom: 3px;
      }

      .deletebtn {
        display: none;
        margin-left: 10px;
        line-height: 28px;
      }

      .ant-table-tbody > tr:hover .deletebtn {
        display: block;
      }
    }
  }

  .direction-bottom {
    height: 250px;

    .ant-row {
      color: #333;
      position: relative;
      min-height: 32px;
    }

    .remark-area {
      position: relative;
      display: block;
      padding-left: 20px;
      padding-right: 15px;
      border: 1px solid #E2E2E2;
      border-bottom: none;
      cursor: default;
      line-height: 40px;
      background: #F9F8F7;

      .icon-coms-Need-feedback {
        margin-right: 10px;
        font-size: 15px;
        color: #AFAFAF;
        line-height: 40px;
        display: inline-block;
        vertical-align: bottom
      }

      .wf-ckeditor-wfphrase {
        position: absolute;

        top: -2px;

        .wea-input-focus .wea-input-focus-btn {
          margin-top: 5px;
          margin-right: 0;
        }

        .wfphrase-content .wfphrase-search .wea-input-focus input {
          width: 100%;
        }

        .wfphrase-content .wfphrase-search .wea-input-focus .icon-coms-Clear {
          margin-top: 2px;
        }

        .wfphrase-content .wfphrase-search .wea-input-focus button i {
          font-size: 16px;
          cursor: pointer;
        }
      }
    }
  }
}